<!--
 * @Descripttion: 
 * @Author: chendingfengmail@163.com
 * @version: 
 * @Date: 2021-04-07 08:21:18
 * @LastEditors: chendingfengmail@163.com
 * @LastEditTime: 2021-04-07 08:28:17
-->
<template>
  <i class="iconfont" :class="`icon-${name}`" :style="{fontSize: fontSize+`px`}" aria-hidden="true">{{content}}</i>
</template>

<script>
// import './iconfont/css/iconfont.css'
// import './iconfont_index/iconfont.css'
// import './iconfont_extend/iconfont.css'
export default {
  name: 'dd-icon',
  props: {
    name: {
      type: String,
      required: false,
      default: 'font-awesome'
    },
    content:{
      type: String,
      require: false,
      default: ''
    },
    fontSize: {
      type: [Number, String],
      require: false,
      default: '16'
    }
  }
}
</script>

<style lang="scss" scoped>
.iconfont {
  font-size: 16px;
}

.icon-shanchu1 {
  color: #FA541C;
}

.icon-xiugai1 {
  color: #EB9611;
}

.icon-renyuanliebiao-o {
  color: #32D791;
}

.icon-dui {
  color: #1CBF02;
}

.icon-shibai {
  color: #FA541C;
}

.icon-zhuyi {
  color: #F9B313;
}
.icon-tingyong {
  color: #C9C9C9;
}
.icon-vs {
  font-size: 45px !important;
  color: #FA6357;
}
.icon-dangan,
.icon-bumen,
.icon-budongchandengji,
.icon-shehui,
.icon-ziyuan,
.icon-dangyuanzhijia {
  font-size: 50px;
  color: white;
}
</style>
